let grid = document.getElementById('grid_backup'); 
for (let i = 1; i <= 3; i++) {
let btn = document.createElement('button');  
btn.innerText = 'Save Grid ' + i; 
btn.style.float = 'right';
btn.onclick = () => { 
  if (!btn.dataset.grid) {
    btn.dataset.grid = grid.innerHTML;
    btn.innerText = 'Restore Grid ' + i;
  } else {
    grid.innerHTML = btn.dataset.grid;
    btn.innerText = 'Save Grid ' + i;
    delete btn.dataset.grid;
  }
}
grid.parentNode.appendChild(btn);
}

javascript:const grid = document.getElementById('grid_backup'); const btn = document.createElement('button'); btn.innerText = 'Save Grid'; btn.style.float = 'right'; btn.onclick = () =>  {  if (!btn.dataset.grid) { btn.dataset.grid = grid.innerHTML; btn.innerText = 'Restore Grid'; } else { grid.innerHTML = btn.dataset.grid; btn.innerText = 'Save Grid'; delete btn.dataset.grid; } }; grid.parentNode.appendChild(btn);